<!DOCTYPE html>
<html lang="cn" xmlns:th="http://www.w3.goodsType/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>互联网村镇管理平台</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/common.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}" />
    <link th:href="@{/js/libs/jquery.treetable/jquery.treetable.css}" rel="stylesheet" type="text/css" />
</head>
<body>
    <div class="container clearfix">
        <!--/sidebar-->
        <div class="main-wrap">
            <div class="crumb-wrap">
                <div class="crumb-list">
                    <i class="icon-font">&#xe973;</i>
                    <a href="javascript:void(0);">特产管理</a>
                    <span class="crumb-step">&gt;</span>
                    <span class="crumb-name">分类管理</span>
                </div>
            </div>
           <!--  <div class="search-wrap">
                <div class="search-content">
                    <form onsubmit="selectTreeTableData();return false;" method="post" id="queryForm">
                        <table class="search-tab" style="margin-left: 10px;">
                            <tr>
                                <th width="70">分类名称:</th>
                                <td>
                                    <input class="common-text" placeholder="分类名称" id="goodsTypeName"  name="goodsTypeName" th:value="${goodsTypeName}" type="text" />
                                </td>
                                <th width="70">分类电话:</th>
                                <td>
                                    <input class="common-text" placeholder="分类电话"  id="goodsTypePhone" name="goodsTypePhone" th:value="${goodsTypePhone}" type="text" />
                                </td>
                                <td>
                                    <input class="btn btn-primary btn2" name="sub" value="查询" type="submit">
                                </td>
                            </tr>
                        </table>
                    </form>
                </div>
            </div> -->
            <div class="result-wrap">
                <div class="result-title">
                    <div class="result-list">
                        <a th:href="@{/goodsType/addGoodsType}"><i class="icon-font">&#xea0a;</i>新增分类</a>
                        <a id="batchDel" href="javascript:batchDeleteGoodsType();"><i class="icon-font">&#xe9ac;</i>批量删除</a>
                    </div>
                </div>
                <div class="result-content">
                    <table class="result-tab" width="100%" id="treeTable">
                        <tr>
                            <th class="tc" width="5%"><input class="allChoose" onclick="javascript:shiro.form.setCheckBoxSelectToggle('typeIdCheckBox');" type="checkbox" /></th>
                            <th width="20%">分类级别</th>
                            <th width="20%">分类名称</th>
                            <th width="20%">分类描述</th>
                            <th class="tc" width="20%">操作</th>
                        </tr>
						<tbody id="treeTableBody">
                        </tbody>
                    </table>
                </div>
                <!-- <div class="list-page" th:utext="${pageHtml}">
                </div> -->
            </div>
        </div>
    </div>
    <div th:include="admin/common/common"></div>
    <script type="text/javascript" th:src="@{/js/libs/jquery.treetable/jquery.treetable.js}"></script>
    <script type="text/javascript" th:src="@{/js/web/goodsType/goodsType.js?v=1.0}"></script>
    <script type="text/javascript" th:src="@{/js/libs/shiro.js}"></script>
    <script type="text/javascript">
 	// 初始化treeTable属性
    var option = {
    	expandable:true,
        column:1,
        clickableNodeNames:true
    };

    $("#treeTable tbody").on("mousedown", "tr", function() {
        $(".selected").not(this).removeClass("selected");
        $(this).toggleClass("selected");
    });
  //页面加载表格
    $(function(){
    	selectTreeTableData();
    })
    </script>
</body>
</html>